<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>蓝云网站建站</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/pagecss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
//$(function(){
//		$(".ly_member li").bind("click",function(){
//		if($(this).hasClass("current")){
//			$(this).removeClass("current");
//			$(this).find(".menber_sec").addClass("hide");
//			} 
//    else{
//					$(".ly_member li").removeClass("current");
//		      $(".menber_sec").addClass("hide");
//	       	$(this).addClass("current");
//		      $(this).find(".menber_sec").removeClass("hide");
//			}
//		}) 
//
//	})
</script>
</head>

<body>
<!--head-->
<div class="ly_head"></div>
<!--head-->
<!--main-->
<div class="ly_main">
   <div class="ly_topbanner">
      <a href="#">服务器租用</a>
      <a href="#">数据库租用</a>
      <a href="#">带宽租用</a>
      <a href="#">主机托管</a>
   </div>
  <div class="ly_main_left">
      <div class="ly_left_top" style="background:#F1F2F4;">
         <h1>会员中心</h1>
         <ul class="ly_member">
            <li><a href="#">我的购物车</a></li>
            <li><a href="#">我的产品</a></li>
            <li><a href="#">我的账号</a></li>
            <li class="current member_two"><a href="#">客户服务</a>
               <div class="menber_sec">
                  <ul>
                     <li><a href="#">我的提问</a></li>
                     <li><a href="#">我的提问</a></li>
                  </ul>
               </div>
            </li>
            <li class="current member_two"><a href="#">客户服务</a>
               <div class=" menber_sec">
                  <ul>
                     <li><a href="#">我的提问2</a></li>
                     <li><a href="#">我的提问2</a></li>
                  </ul>
               </div>
            </li>
         </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!--left-->
    <div class="ly_main_r">
       <p class="member_site">当前位置：首页>>会员中心</p>
      <div class="member_search">
          <table cellpadding="0" cellspacing="0">
             <tr>
                <td align="right" width="15%">订单号：</td>
                <td width="15%"><input type="text"></td>
                <td width="15%" align="right">产品名称：</td>
                <td width="30%"><input type="text" style="width:180px;"></td>
                <td width="15%" align="right">状态：</td>
                <td width="15%"><input type="text"></td>
             </tr>
             <tr>
                <td align="right">开始时间：</td>
                <td><input type="text"></td>
                <td align="right">结束时间：</td>
                <td><input type="text"></td>
                <td align="right"></td>
                <td align="right"><a href="#"><img src="images/center_03.png"></a></td>
             </tr>
          </table>
       </div>
       <div class="member_list">
          <table cellpadding="0" cellspacing="0">
             <tr>
                <td class="member_title">订单</td>
                <td colspan="5"></td>
             </tr>
             <tr>
                <td width="15%">订单号</td>
                <td width="15%">产品名称</td>
                <td width="10%">金额</td>
                <td width="10%">状态</td>
                <td width="25%">创建时间</td>
                <td width="25%">支付时间</td>
             </tr>
             <tr>
                <td>20130015423</td>
               <td>云服务器</td>
                <td class="server_cq">0.00</td>
                <td class="member_green">已支付</td>
                <td>2013-12-14&nbsp;&nbsp;12:12:00</td>
                <td>2013-12-14&nbsp;&nbsp;12:12:00</td>
             </tr>
             <tr>
                <td>20130015423</td>
               <td>云服务器</td>
               <td class="server_cq">0.00</td>
                <td class="member_hui">已作废</td>
                <td>2013-12-14&nbsp;&nbsp;12:12:00</td>
                <td>2013-12-14&nbsp;&nbsp;12:12:00</td>
             </tr>
          </table>
       </div>
	</div> 
    <!--right-->
</div>
<!--main-->
<!--foot-->
<div class="ly_foot"></div>
<!--foot-->
</body>
</html>
